@<template>
  <div class="detaliItem">

    <swiper class="top-image">
      <swiper-item v-for="(item, index) in goodsDetail.topImages" :key="index" >
          <img :src="item" alt="">
      </swiper-item>
         
    </swiper>
  </div>
</template>

<script>

import {Swiper, SwiperItem} from 'components/common/swiper'
export default {
  components: { Swiper, SwiperItem},
    
    data() {
      return {
       
      }
    },
    props: {
      
      goodsDetail: {
        type: Object,
        default: {},
      }
    },
    mounted(){
      
    },
 
    
    


}
</script>

<style>

.top-image {
  height: calc(45vh);

  overflow: hidden;
}
.top-image img {
  transform: translateY(-20%);
}

</style>